<template>
	<view class="view-home-center">
		<view class="view-center-item" v-for="(item,index) in list" @click="onClickCenterItem(index)" :key="index">
			<home-center-item :title="item.title" :imageSrc="item.imageSrc"></home-center-item>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						"title": "找大学",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/zhaodaxue.png"
					},
					{
						"title": "查专业",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/chazhuanye.png"
					},

					{
						"title": "看职业",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/kanzhiye.png"
					},
					{
						"title": "选科助手",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/xuanke.png"
					},
					{
						"title": "提前批",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/tiqianpiicon.png"
					},

					{
						"title": "批次线",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/picixian.png"
					},
					{
						"title": "分数线",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/fenshuxianicon.png"
					},
					{
						"title": "位次查询",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/weici.png"
					},
					{
						"title": "测录取率",
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/celuqulv.png"
					},

					// {
					// 	"title": "招生计划",
					// 	"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/zhao.png"
					// },
					{
						"title": "同分去向",
						// "imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/zhao.png"
						"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/icon/tongfen.png"
					},

					// {
					// 	"title": "一分一段",
					// 	"imageSrc": "https://mcdn.chatgk.com/xcx/static/images/home/home_center_item_11.png"
					// }
				]
			}
		},
		methods: {
			onClickCenterItem(index) {
				this.$emit("onClickCenterItem", index)
			},
			// handleTo(){
			// 	console.log('点击了-----')
			// 	uni.navigateTo({
			// 		url: '/subpackages/subpackage1/pages/wxShare/wxshare?tid=2'
			// 	})
			// },
		}
	}
</script>

<style>
	.view-home-center {
		display: flex;
		/* justify-content: space-between; */
		/* background-color: antiquewhite; */
		/* width: 100vw; */
		flex-wrap: wrap;
		flex-direction: row;
		/* background-color: #fff; */
		border-radius: 20rpx;
		/* margin: 0 10rpx; */
		padding: 0 5rpx;
		/* padding: 0rpx 16rpx 0rpx 16rpx; */
		background-color: #FFFFFF;
		margin: 0 32rpx;
		z-index: 200;
		margin-top: -20rpx;
	}

	.view-center-item {
		width: 115rpx;
		margin: 20rpx 10rpx;
	}
</style>